<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<style type="text/css">
		.head{
			height:50px;
			width:100%;
			background:olive;

		}
		.h2{
			position:absolute;
			left: 200px;
			top: center;
			font-size: 30px;
			color: white;
		}
		body{
			background-color: #d5c59f;
		}
		
		li{
			display:inline-block;
			 position: relative;
			left: 300px;
			top:10px;
			/*border: 1px solid blue;*/
			padding: 5px;
		}
		li:hover{
			background: white;
		}
		.tjsw{
			width: 580px;
			height: 250px;
			background-color: #f6f5ec;
			position: absolute;
			left: 20%;
			top: 90px;
		}
		.tjwz{
			position: absolute;
			left: -300px;
		}
		.tjzz{
			position: absolute;
			left: -300px;
			top: 100px;
		}
		.tjcd{
			position: absolute;
			left: -300px;
			top: 140px;
		}
		.tjxs{
			position: absolute;
			left: -300px;
			top: 180px;

		}
		.h3{
			font-size: 25px;
		}
		.gzh{
			width: 300px;
			height: 130px;
			background-color: #f6f5ec;
			border: 1px solid skyblue;
			position: absolute;
			left: 950px;
			top: 90px;

		}
		.p1{
			
			font-size: 20px;
			 position: absolute;
			 left: 80px;
			 top: 0px;
		}
		.rwm{
			position: absolute;
			left:10px; 
			top:15px;
		}

	</style>
</head>
<body>
	<div class="head">
		<div class="h2">古诗文网</div>
			<ul>
			<li>推荐</li>
			<li>诗文</li>
			<li>名句</li>
			<li>作者</li>
			<li>古籍</li>
			<li>我的</li>
			<li>手机版</li>
		    </ul>
	</div>
	<div class="tjsw">
		<ul>
			<div class="tjwz"><div class="h3">
			<li>推荐诗文</li></div>
				
				<li>类型：</li>
				<li>诗经</li>
				<li>乐府</li>
				<li>楚辞</li>
				<li>送别</li>
				<li>劝学</li>
				<li>边塞</li>
				<li>儿童</li>
				<li>春天</li>
				<li>夏天</li>
				<li>秋天</li>
				<li>冬天</li>
			</div>
		</ul>
		<ul>
		<div class="tjzz">	
			<li>作者：</li>
			<li>李白</li>
			<li>杜甫</li>
			<li>苏轼</li>
			<li>王维</li>
			<li>杜牧</li>
			<li>陆游</li>
			<li>李煜</li>
			<li>元稹</li>
			<li>韩愈</li>
			<li>岑参</li>
			<li>齐已</li>
		</div>
		</ul>
		<ul>
			<div class="tjcd">
			<li>朝代：</li>
			<li>先秦</li>
			<li>两汉</li>
			<li>魏晋</li>
			<li>南北朝</li>
			<li>隋代</li>
			<li>唐代</li>
			<li>五代</li>
			<li>宋代</li>
			<li>金朝</li>
			<li>元代</li>
			<li>明代</li>
		</div>
		</ul>
		<ul>
			<div class="tjxs">
			<li>形式：</li>
			<li>诗</li>
			<li>词</li>
			<li>曲</li>
			<li>文言文</li>
		</div>
		</ul>
	</div>
	<div class="gzh">
		<div class="rwm">
		<img src="古诗文网/二维码.png" height="95px;">
	</div>
		<div class="p1">
        <ul>
        	<p>关注公众号</p>
        	<p>将古诗文随身携带</p>
        </ul>
        </div>
        <details>
    </details>
	</div>
	

</body>
</html>